<template>
  <div class="bo">
    <Content v-for="list in details" :key="list.id" v-bind="list" />
  </div>
</template>
<script>
import Content from './components/Content.vue';
export default {
  name: 'App',
  components: {
    Content,
  },
  data() {
    return {
      details: [
        {
          id: 1,
          title: '游戏',
          detail: ['英雄联盟', '永劫无间', '洛克王国'],
        },
        {
          id: 2,
          title: '美食',
          detail: ['青椒肉丝', '意大利面', '干烤鳊鱼'],
        },
        {
          id: 3,
          title: '日用品',
          detail: ['牙刷', '毛巾', '口罩'],
        },
      ],
    };
  },
};
</script>
<style>
.bo {
  border-radius: 50px;
  display: flex;
  justify-content: center;
}
</style>
